<template>
  <a-range-picker v-model="value" :size="size" :disabled-date="disabledDate">
    <slot />
  </a-range-picker>
</template>

<script>
export default {
  name: 'DRangePicker',
  model: {
    prop: 'value',
    event: 'update:value'
  },
  props: {
    value: {
      type: Array,
      default: () => []
    },
    size: {
      type: String,
      default: 'default'
    },
    disabledDate: {
      type: Function
    }
  },
  watch: {
    value(val) {
      this.$emit('update:value', val);
    }
  }
};
</script>

<style lang="scss" scoped></style>
